<!--  -->
<template>
  <div class="selectOption">
    <el-form-item :label="labelTitle" class="mr10">
      <slot></slot>
    </el-form-item>
  </div>
</template>

<script>

export default {
  components: {},
  data () {
    return {

    };
  },
  props: {
    labelTitle: {
      type: String,
      default: '标题为空'
    }
  },
  computed: {},
  watch: {},
  methods: {

  },
  created () {

  },
  mounted () {

  },
  beforeCreate () { },
  beforeMount () { },
  beforeUpdate () { },
  updated () { },
  beforeDestroy () { },
  destroyed () { },
  activated () { },
}
</script>
<style scoped>
.selectOption {
    display: inline-block;
}
.mr10 {
    margin-top: 20px;
    /* margin-right: 10px; */
    margin-left: 20px;
}

.mr10 /deep/ .el-form-item__label {
    min-width: 70px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.mr10 /deep/ .el-input__inner {
    border: 1px solid #1045da;
    background-color: rgba(21, 22, 114, 1);
    color: #ffffff;
}
.mr10 /deep/ input {
    background-color: rgba(21, 22, 114, 1);
    color: #ffffff;
}
.mr10 /deep/ .el-range-separator {
    color: #ffffff;
}

.el-form-item--mini.el-form-item,
.el-form-item--small.el-form-item {
    display: inline-flex;
}
</style>